<template>
	<view class="body">
		<view class="icon">
			<image src="https://img.zhizhuangtong.com/project_media/img/xcx/khd/undefind.png"></image>
			<text class="label">该页面已停止服务</text>
			<text class="tt">感谢您的使用与支持</text>
		</view>
	</view>
</template>

<script setup>
	import {
		ref,
		onMounted,
	} from 'vue'


	// 设置规则
	onMounted(() => {})
</script>

<style scoped lang="less">
	.body {
		width: 100%;
		height: 100vh;
		display: flex;
		align-items: flex-start;
		background: linear-gradient(180deg, rgba(255, 244, 238, 0.8) 10%, #ffffff 60%);


		// background: linear-gradient(180deg, #FCD099 10%, rgba(254, 120, 25, 0.1) 60%);
		.icon {
			padding: 40% 110rpx 0;
			width: 100%;
			box-sizing: border-box;

			image {
				width: 100%;
				height: 350rpx;
			}

			.label {
				display: block;
				width: 100%;
				text-align: center;
				font-family: PingFangSC, PingFang SC;
				font-weight: 500;
				font-size: 42rpx;
				color: #333333;
				line-height: 59rpx;
				font-style: normal;
				margin-top: -40rpx;
				margin-bottom: 30rpx;
			}

			.tt {
				display: block;
				font-family: PingFangSC, PingFang SC;
				font-weight: 400;
				font-size: 28rpx;
				color: #787878;
				line-height: 40rpx;
				text-align: center;
				font-style: normal;
			}
		}
	}
</style>